<template>
	<!-- 示例 -->
  <!-- <div id="app">
    <img src="./assets/logo.png">
    <router-view/>
  </div> -->
	<div  id="app">
	<el-menu :default-active="this.$route.path" class="el-menu-demo" mode="horizontal" router>
  <el-menu-item index="1" route="/">首页</el-menu-item>
  <el-menu-item index="2" route="archives" >归档</el-menu-item>
  <el-menu-item index="3" route="categories">分类</el-menu-item>
  <el-menu-item index="4" route="tags">标签</el-menu-item>
  <el-menu-item index="5" route="share">分享</el-menu-item>
  <el-menu-item index="6" route="related">关于</el-menu-item>
</el-menu>
<div class="line"></div>

<router-view/>
	</div>
</template>

<script>
export default {
  name: 'App',
	data() {
	  return {
	    activeIndex: '1',
	    activeIndex2: '1'
	  };
	},
	methods: {
	  handleSelect(key, keyPath) {
	    console.log("值为", keyPath);
	  }
	}
}
</script>

<style>
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 0px;
}
</style>
